<head>
	<!--<link rel="stylesheet" type="text/css" href="/BackEndRecursosHumanos/app/webroot/css/ui-lightness/jquery-ui-1.10.3.custom.min.css">
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>-->
	
	<script>
	    function seleccionar_todos($id)
	   	{
				$(".check_box_modulos").prop("checked",$id);
				$(".check_box_modulos").attr("checked",$id);
				
	    }
	    
	    
	</script>
	<script>
		
		function editModulo($id)
		{
				
			// Stop form from submitting normally
			// Get some values from elements on the page:
		  	
		  	event.preventDefault();
		  	
		  	var	$form = $( '#ModuloSistemaGetEditModuloForm' )
		  	
		  	term1 =$form.find( "input[name='data[ModuloSistema][id]']" ).val(),
		  	
		  	term2 = $form.find( "input[name='data[ModuloSistema][nombre_modulo_sistema]']" ).val(),
			
			term3 = $form.find( "select[name='data[ModuloSistema][modulo_sistema_id]']" ).val(),
			
			term4 = $form.find( "textarea[name='data[ModuloSistema][descripcion_modulo_sistema]']").val(),
			
			url = "/BackEndRecursosHumanos/ModuloSistemas/getEditModulo/"+$id;


			// Send the data using post
		  	//var posting = $.post( url, {id: term2, username: term1,submit:true} );
		  	$("#form_detalle").hide("slow");
		  	$.post(url,
					    {id: term1, 
					    	nombre_modulo_sistema: term2, 
					    	modulo_sistema_id: term3,
					    	descripcion_modulo_sistema: term4, 
					    	submit:true})
					    .done(function(data, textStatus, jqXHR) 
				        {
					 		("done");
					 		$('#form_detalle').html(data);
				        })
					    .fail(function(jqXHR, textStatus, errorThrown) 
					    {
					        alert("fail");
					        $('#form_detalle').html(textStatus);

					    });
			setTimeout(function() 
			{
				$("#form_detalle").show("fast");
				
			}, 1000);
				
		}

		function showBuscador()
		{
			$("#link").hide("fast");
			$('#grid_consultar').hide('fast');
			setTimeout(function() 
			{
				$("#buscador").show("fast");
			}, 1000);
		}
		
		function showConsult()
		{
			$("#form_detalle").hide("slow");
			setTimeout(function() 
			{
				$("#consultar_modulo").show("fast");
				
			}, 1000);
			
			setTimeout(function() 
			{
				showGridConsulModulo();
				
			}, 500);
			
		}
		
		function showGridConsulModulo()
		{
			$("#buscador").hide("fast");
			setTimeout(function() 
			{
				$("#link").show("fast");
			}, 1000);
			
			var nombre_modulo = "";
			var param_nombre_modulo = "";
			
			if ($('#Consult_ModulosNombreModuloBusq').val() == "")
			{
				
				nombre_modulo = '*';
				param_nombre_modulo = "*No Aplica*";
			}
			else
			{
				
				nombre_modulo = $('#Consult_ModulosNombreModuloBusq').val();
				param_nombre_modulo = '"'+nombre_modulo+'"';
			}
        	
        	
        	$.get("/BackEndRecursosHumanos/ModuloSistemas/getGridConsultModulo/"+
        			nombre_modulo, function(data) {
									        			$('#nombre_modulo_busq').text(' Nombre del Módulo: '+ param_nombre_modulo );
									        			
									        			setTimeout(function() 
														{
															$('#grid_consultar').html(data);
									        				$('#grid_consultar').show('fast');
														}, 1000);
									        		}); 

		}
	
		function showDetalleModulo($id)
		{
			$("#consultar_modulo").hide("slow");
			$.get("/BackEndRecursosHumanos/ModuloSistemas/getDetalleModulo/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
		
		function showEditModulo($id)
		{
			
			$("#consultar_modulo").hide("slow");
			$.get("/BackEndRecursosHumanos/ModuloSistemas/getEditModulo/"+$id, function(data) {
																	        												$('#grid_consultar').hide('fast');
																	        												$("#link").hide("fast");
																	        												setTimeout(function() 
																															{
																																$('#form_detalle').html(data);
																										        				$('#form_detalle').show('fast');
																															}, 1000);
																	        												
																	        												
																										        			
																										        		});
		}
		
	</script>

</head>
<body>
	
	<center>
		<fieldset id="consultar_modulo">
			<legend>Consultar Modulos</legend>
			<center>
				<table>
					<tr>
						<td style="width:10%">
							<center>
								<div id="link" style="display: none">
									<b>
										<label>Parametros de Busqueda:</label>
									</b>
									
										<li>
											<b>
												<label id="nombre_modulo_busq"></label>
											</b>
										</li>
										
									<br />
									<a onclick="showBuscador();" href="#">
									<img id="blah" src="/BackEndRecursosHumanos/app/webroot/img/lupa.png" alt="your image" width="30px" height="30px" />
									<br />
									Nueva Busqueda
									</a>
									<br />
								</div>
								<fieldset id="buscador" style="width: 50%">
									<legend><b>Buscador</b></legend>
									<?php echo $this->Form->create('Consult_Modulos'); ?>
									<center>
										<table>
											<tr>
												<td>
													<center>
														<table>					
															<tr>
																<td style=" width: 50%; text-align: center; vertical-align: middle">
																	<?php
																				
																				echo $this->Form->input('nombre_modulo_busq',array(
																																					
																																'type' => 'search',
																																'class' => 'buscador',
																																'label' => array(
																																					'text' => 'Nombre del Modulo',
																																					'style' => array(
																																										'font-weight: bold;',
																																										'font-style: italic;'
																																									)
																																									
																																				)
																																 
																												               )
																										 );
																				?>
																</td>
																						
																
														 	</tr>
														 </table>
													</center>
												</td>
											</tr>
											<tr>
												<td>
													<center>
														<button style="vertical-align: middle; text-align: center" onclick="showGridConsulModulo();" class ="boton_regular" type="button" onclick="seleccionar_todos(true);">
															<center>
																Buscar &nbsp; <img src="/BackEndRecursosHumanos/img/search.png"  alt="CakePHP" style="cursor: pointer;width: 15px;">
															</center>
														</button>
													</center>
												</td>
											</tr>
										</table>
										
									 
									 <?php echo $this->Form->end();?>
									 </center>
							 </fieldset>
							</center>
						 </td>
					</tr>
					<tr>
						
						 	
			 			<td id = 'grid_consultar' style="display: none">
								
						</td>
			 
						 	
						 
					 </tr>
				</table>
			</center>
		</fieldset>
		<fieldset id="form_detalle" style="display: none">
				
		</fieldset>
	</center>
	
</body>		

				